New Style 'Do It'

aradne ♡ | guardado bajo blog | No hay comentarios

안녕하세요! Juro que mi intención no era dejar el blog tan pero tan abandonado, acabo de ver que no escribo nada desde junio 😭 pero el verano me pegó fuerte (soy 100% team frío) y entre eso y que el hambre brilló por su ausencia, mi prioridad no fue mantener el blog actualizado. Y sí, aproveché que ya ha empezado el frío para cambiar el diseño y esta vez por completo, porque las últimas ¿5 versiones? estaba solo cambiando colores y poco más, pero no toda la estética del blog y necesitaba algo diferente, así que aproveché la magia de las IA (porque sí, he usado más de una 😅) para que me fueran guiando según iba necesitando ayuda (esto de que tocas algo y se rompe otra cosa, un caos), así que espero que os guste.

Creo que lo que más llama la atención es el header y que he decidido subir un poco la sidebar para que quede mucho más estético, intenté que se vea bien también en el móvil (palabra clave, intenté) pero el diseño está hecho para que se vea en escritorio y puede que no se vea tan bien en el móvil.
He cambiado la fuente de los posts, ahora en vez de Karla es Nunito Sans.
Sí, de nuevo Stray Kids y sí, de nuevo es rosa, sorry not sorry, es MI color y no lo puedo evitar 🤣 el morado no estaba en mis planes pero me gusta cómo ha quedado.
He decidido mantener todo lo que me gustaba de los diseños anteriores:

Cómo se ven los códigos de los tutoriales.
Los emojis personalizados
La lightbox

Además, decidí añadir tres nuevas secciones al menú superior con sus respectivas páginas independientes:

Tutoriales: Hace tiempo que quería hacerlo y al final los he dividido en subcategorías
Freebies: También está por subcategorías
Layouts: No estaba en mis planes, pero al final le pedí a Copilot que me ayudase a crear algo bonito para exhibir los layouts free y además, he logrado que al darle a Download, se descargue automáticamente

Y creo que eso es todo.

Mi idea es volver a la rutina con el blog, con posts los jueves y los domingo o tal vez, cuando quieran salir 🤣 además tengo algunas novedades que contar... una ya está escrita en este mismo post 👀

⸻ are u curious? click here! ⸻

Efecto Hover

Hey babies! Tal como dije en el post anterior, me apetece mucho subir tutoriales, además de que tengo muchos por subir (al menos los que a mi me parecieron más interesantes), empezando por el de hoy, que es un mini tutorial sobre cómo hacer que una imagen, si ponemos el ratón encima, se transforme en otra.

Preview

1. Vamos a nuestro código y pegamos el siguiente código ANTES de ]]></b:skin>:


.imghover 
{background: url('urlfotoprincipal'); width:anchofotopx; height:alturafotopx; -webkit-transition:0.9s;}

.imghover:hover {background:url('urlfotohover'); width:anchofotopx; height:alturafotopx; -webkit-transition:0.9s;}

Cambiamos la url a las de nuestras imágenes, además de la altura y anchura.

2. Ahora colocamos el siguiente código donde queramos que aparezcan las imágenes:


<div class="imghover"></div>

⸻ are u curious? click here! ⸻

Modelos de blockquote

aradne ♡ | guardado bajo blogger ⋆ tutoriales | No hay comentarios

Hey babies! ¿Sabéis lo que echo de menos? Hacer tutoriales y tengo unos cuantos pendientes, así que voy a empezar con tres modelos de blockquote, que, para quién no sepa, es esto:

Hola, me llamo Blockquote :)

Aquí dejo una vista previa de cómo se ven.

Ahora es solo elegir el que más te guste, copiar el código y pégalo ANTES de ]]></b:skin>:

Modelo 1


.post blockquote {
border-radius: 3px; /*borde de la caja*/
color: #ffffff; /*color*/
text-shadow: 1px 1px 0 #B4B2D0; /*color de la sombra*/
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df; /*color del fondo*/
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd; /*color del fondo al pasar el ratón*/
-moz-box-shadow: inset 0 0 0 50px #bbbacd;
-webkit-box-shadow: inset 0 0 0 50px #bbbacd;
box-shadow: inset 0 0 0 50px #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1; /*color de la sombra al pasar el ratón*/
}

Modelo 2


.post blockquote {
border-radius: 3px; /*borde de la caja*/
color: #ffffff; /*color*/
text-shadow: 1px 1px 0 #B4B2D0; /*color de la sombra*/
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df; /*color del fondo*/
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd; /*color del fondo al pasar el ratón*/
-moz-box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
-webkit-box-shadow: inseet 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
box-shadow: inset 300px 0 0 0 #bbbacd, inset -300px 0 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1; /*color de la sombra al pasar el ratón*/
}

Modelo 3


.post blockquote {
border-radius: 3px; /*borde de la caja*/
color: #ffffff; /*color*/
text-shadow: 1px 1px 0 #B4B2D0; /*color de la sombra*/
margin-left: -0px; margin-right: -0px;
padding: 5px;
background: #d3d4df; /*color del fondo*/
-webkit-transition-duration: 1s;
-moz-box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-box-shadow: inset 0 0 0 0px #bbbacd;
box-shadow: inset 0 0 0 0px #bbbacd;
-webkit-transition-duration: 1s;
}
.post blockquote:hover {
background: #bbbacd; /*color del fondo al pasar el ratón*/
-moz-box-shadow: inset 0 10px 0 0 #bbbacd, inset0 -10px 0 0 #bbbacd;
-webkit-box-shadow: inset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
box-shadow: iinset 0 10px 0 0 #bbbacd, inset 0 -10px 0 0 #bbbacd;
text-shadow: 1px 1px 0 #A8A6D1; /*color de la sombra al pasar el ratón*/
}

⸻ are u curious? click here! ⸻

Juegos a los que estoy viciada II

aradne ♡ | guardado bajo juegos ⋆ móvil ⋆ pc | 2 comentarios

Hey babies! Hace ya un tiempo que tenía ganas de hacer esta entrada, pero no estaba del todo segura de si hacerla o no, no por nada en especial, pero bueno... tampoco iba a perder nada por hacerla, ¿no? Y como he visto que la última (y primera) que hice de este estilo fue en el 2023, pues allá que voy.

Nota: Si no quieres tener anuncios en los juegos de móvil, puedes aplicar este truco.

3D Bolt Master

Es el juego más simple que te puedes echar en cara y aún así es de lo más viciante. Básicamente tienes que ir juntando de tres en tres tornillos hasta deshacer la imagen

Link

Crossword Master

Es un juego de crucigramas del creador del mejor juego de Sudoku que hay en Google Play. Puedes jugarlo en español, inglés, etc... al principio notaba que en español había palabras que no me cuadraban, pero creo que lo han arreglado. Lo usé bastante en inglés.

Link

Pintar Por Números Colorear

Como su propio nombre indica (podrían haberlo llamado de otra forma, pero en fin) es un juego de pintar, lo jugué mucho durante la pandemia y mi vicio ha vuelto. Tiene imágenes MUY bonitas, además colabora con artistas con diseños muy chulos. Había empezado a jugar a otro, pero noté enseguida que las imágenes estaban hechas con IA y eso para mi fue un ni hablar.

Link

Infinity Nikki

Lo que menos me esperaba hace unos meses era engancharme a un juego gacha, pero me lo vendieron tan bien en un reel de Instagram que tuve que probarlo sí o sí. La historia sigue las aventuras de Nikki y su fiel amigo gatuno, Momo.

Es un juego gratis, chill, donde puedes ir a tu rollo, vistiendo a Nikki con vestidos increíbles y, por supuesto, pagando solo si quieres, que no es mi caso. PERO tengo que hacer un pequeño disclaimer, en la última actualización cambiaron la intro y, cuando estoy escribiendo esto, no sabemos si volverá a la original, así que mi recomendación es que os veiais el principio de algún gameplay si os interesa.

Link

⸻ are u curious? click here! ⸻

Playlist #053 _ Novedades en mi playlist III

aradne ♡ | guardado bajo kpop ⋆ música | 4 comentarios

Hey babies! Este post era para haber sido hecho hace unas semanas, pero, sinceramente, me entró la pereza, pero bueno... como mi playlist no ha cambiado mucho estas últimas semanas, creo que voy a hacerlo ahora, aprovechando el principio de mes (¿puede que mayo haya pasado más rápido que nunca?) y que no he hecho ninguna entrada de este estilo desde finales de año.